
page-home {
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        font-family: "Microsoft YaHei";
    }
    ion-header .toolbar-title {
        text-align: center;
        font-weight: normal;
        color: #fff;
        
    }

    div.toolbar-background.toolbar-background-ios,div.toolbar-background.toolbar-background-md {
        background:-webkit-gradient(linear, 0 0, right 0, from(#5764de), to(rgba(147, 67, 228, 0.5))) !important;
    }
    .toolbar-md,.toolbar-ios {
        min-height: 70px !important;
    }
  
    .toolbar-ios ion-title {
        top: 10px !important;
        
    }
    .toolbar-md ion-title {
        top: 45px !important;
        width: 100%;
        position: absolute;
    }
    
    
    ion-content {
        .scroll-content {
            background:-webkit-gradient(linear, 0 0, right 0, from(#5764de), to(rgba(147, 67, 228, 0.5)));
            .box {
                width: 98%;
                padding: 20px;
                margin: 0 auto;
                border-radius: 8px;
                background-color: #fff;
                ul {
                    width: 100%;
                    li {
                        float: left;
                        width: 50%;
                        padding: 20px;
                        padding-bottom: 10px;
                        .bg-item {
                            position: relative;
                            height: 120px;
                            background-size: 105% 100%;
                            background-position-x: 50%;
                            background-position-y: 50%;
                        }
                        .title-item {
                            height: 35px;
                            line-height: 35px;
                            text-align: center;
                            color: #655d75;
                            font-size: 16px;
                        }
                    }
                    li:nth-child(2n+1) {
                        border-right: 1px solid #999;
                    }
                    
                    li:nth-last-child(n+3) {
                        border-bottom: none;
                        border-bottom: 1px solid #999;
                    }
                }
            }
        }
    }
}

.clearfix:after {
    content:""; 
    display: block; 
    clear:both; 
 }

 


@media (max-width: 375px) {
    page-home {
        ion-content.content {
            .scroll-content {
                .box {
                    padding: 15px;
                    ul {
                        
                        li {
                            .bg-item {
                                height: 110px;
                            }
                            .title-item {
                                height: 30px;
                                line-height: 30px;
                                font-size: 12px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 320px) {
    page-home {
        ion-content.content.content-ios {
            .scroll-content {
                .box {
                    padding: 13px;
                    ul {
                        
                        li {
                            padding: 10px;
                            padding-bottom: 5px;
                            .bg-item {
                                height: 95px;
                            }
                            .title-item {
                                height: 30px;
                                line-height: 30px;
                                font-size: 12px;
                            }
                        }
                    }
                }
            }
        }
    }
}